import React from 'react'
import Bg from '../assets/images/start/start.png'
import { useNavigate } from 'react-router-dom';
import User from '../assets/images/index/user2.png'
export default function start() {
    const navigate = useNavigate()
    function toAnalysis(){
      navigate('/analysis')
    }
    return (
        <div>
            <img src={Bg} alt="" style={{ height: '100vh', width: '100vw' }} />
            <div className='out'>
                <div className='in' style={{height:400}}>
                    <div className='endTouxiang'><img src={User} alt="" /></div>
                    <div style={{fontSize:24,color:'#333333',marginLeft:275,marginTop:10}}>李四</div>
                    <div style={{fontSize:40,color:'#6966eb',marginLeft:260,marginTop:10}}>20.5<span style={{fontSize:20,color:'#6966eb'}}>分</span></div>
                    <div style={{fontSize:14,color:'#333333',marginLeft:240}}>考试已结束，感谢作答！</div>
                    <div style={{width:400,display:'flex',marginTop:20}} className='m0'>
                      <div className='endBorder'>
                        <div style={{fontSize:18,color:'#6966eb',marginTop:10}}>20%</div>
                        <div style={{fontSize:14,color:'#333333',marginTop:10}}>正确率</div>
                      </div>
                      <div className='endBorder'>
                        <div style={{fontSize:18,color:'#6966eb',marginTop:10}}>00:45:34</div>
                        <div style={{fontSize:14,color:'#333333',marginTop:10}}>答题用时</div>
                      </div>
                    </div>
                    <div style={{width:200,marginTop:20,marginLeft:240}} onClick={toAnalysis}><button style={{width:120,height:40,backgroundColor:'#726fff',borderRadius:4,
                      fontSize:14,color:'#fff',border:'none',cursor:'pointer'
                  }}>查看解析</button></div>
                </div>
            </div>
        </div>
    )
}
